@use 'sass:map';
@use 'element-plus/theme-chalk/src/mixins/function.scss' as *;
$button-padding-horizontal: (
  (
    'default': 15px
  )
);
$input-padding-horizontal: (
  (
    'large': 16px,
    'default': 11px,
    'small': 8px
  )
);

$table-padding: (
  (
    'default': 4px 0,
    'small': 4px 0
  )
);
$table-cell-padding: (
  (
    'default': 0 20px,
    'small': 0 10px
  )
);
$scrollbar: (
  (
    'opacity': 0.2,
    'bg-color': rgb(144, 147, 153),
    'hover-opacity': 0.3,
    'hover-bg-color': rgb(144, 147, 153)
  )
);
$message: (
  (
    'close-size': 14px
  )
);
$popover: (
  (
    'padding': 30px
  )
);
$font-size: (
  (
    'extra-large': 20px,
    'large': 18px,
    'medium': 16px,
    'base': 14px,
    'small': 13px,
    'extra-small': 12px
  )
);
$messagebox: (
  (
    'width': 420px,
    'border-radius': 12px,
    'font-size': map.get($font-size, 'base'),
    'content-font-size': map.get($font-size, 'medium')
  )
);
$dialog: (
  (
    'title-font-size': map.get($font-size, 'base'),
    'content-font-size': map.get($font-size, 'base'),
    'border-radius': 12px
  )
);
$menu: (
  (
    'item-height': 54px,
    'sub-item-height': 54px,
    'item-font-size': map.get($font-size, 'base'),
    'base-level-padding': 20px,
    'level-padding': 38px,
    'border-color': transparent
  )
);
$table: (
  (
    'bg-color': transparent,
    'tr-bg-color': transparent
  )
);

$border-radius: (
  (
    'base': 6px,
    'small': 2px,
    'round': 20px,
    'circle': 100%
  )
);
$input: (
  (
    'border-radius': map.get($border-radius, 'base')
  )
);
$overlay-color: (
  (
    'lighter': rgba(0, 0, 0, 0.26)
  )
);
$collapse: (
  (
    'header-height': 60px,
    'header-bg-color': transparent,
    'header-font-size': 14px,
    'content-bg-color': transparent,
    'content-font-size': 14px
  )
);
$button: (
  (
    'bg-color': getCssVar('fill-color', 'button-reset')
  )
);
$checkbox: (
  (
    'input-border': 1px solid getCssVar('border-color', 'checkbox-dark'),
    // 适配所在页面的颜色
    'bg-color': transparent
  )
);
$radio: (
  (
    'input-border': 1px solid getCssVar('border-color', 'checkbox-dark'),
    // 适配所在页面的颜色
    'input-bg-color': transparent
  )
);
$tree: (
  (
    'node-hover-bg-color': getCssVar('fill-color', 'tree-hover'),
    'text-color': getCssVar('text-color', 'tree-normal'),
    'expand-icon-color': getCssVar('text-color-placeholder')
  )
);
